<template>
    <div class="search-articles">
        <article-content :articleList="listOfArticles"></article-content>
    </div>
</template>
<script>
import { mapGetters } from "vuex";
import { mixin } from "@/mixins";
import ArticleContent from "../ArticleContent";

export default {
    name: "search-articles",
    components: {
        ArticleContent,
    },
    mixins: [mixin],
    computed: {
        ...mapGetters(["listOfArticles"]),
    },
    mounted() {
        this.getArticle();
    },
};
</script>

<style lang="scss" scoped>
@use "../../assets/css/search-articles.scss";
</style>
